<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>华猫商城</title>
		<style></style>
		<link href="../css/jquery.validator.css" rel="stylesheet">
		<link href="../css/common.css" rel="stylesheet">

		<link href="../plugin/userLib/css/user.css" rel="stylesheet">
		<link href="../plugin/userLib/css/userinfo.css" rel="stylesheet">
		<link href="../plugin/userLib/css/my_user.css" rel="stylesheet">
		<link href="../css/base.css" rel="stylesheet">
		<link href="../plugin/layer/laydate/need/laydate.css" rel="stylesheet">
		<link href="../plugin/layer/laydate/skins/default/laydate.css" rel="stylesheet">
		<style>
			.n-default .n-left,
			.n-default .n-right {
				margin-top: 32px!important;
			}
		</style>
	</head>

	<body>
		<div id="header"></div>
		<div id="headerBox"></div>
		<!--<div id="nav_menu"></div>-->
		<div class="ZZHT-wrap">
			<div class="ZZHT-header" style="border-bottom: 1px solid #ffffff;">
				<div class="ZZHT-shop-nav">
					<div class="ZZHT-nav-box">
						<a href="#">
							<li class="liselect ZZHT-lfloat ZZHT-nav-boxa">用户中心</li>
						</a>
						<div class="ZZHT-clear"></div>
					</div>
				</div>
				<div class="ZZHT-clear"></div>
			</div>
			<div class="ZZHT-main">
				<div id="user_left"></div>
				<div class="ZZHT-content">
					<div class="ZZHT-user-head clearfix"><span class="left fl">数据统计</span><span class="right fr">当前位置：数据统计--基本数据统计</span></div>
					<div class="search-wrap" style="display: none;">
						<form class="search-form clearfix" name="form">
							<a href="" class="btn-export fr">导出</a>
						</form>
					</div>
					<div class="ZZHT-user-content">
						<table class="ZZHT-order-list">
							<thead>
								<tr class="head">
									<th>日期</th>
									<th>累计充值</th>
									<th>累计赎回</th>
									<th>累计消费</th>
									<th>累计获得积分</th>
									<th>累计获得华宝</th>
								</tr>
							</thead>
							<!-- 加载中提示 -->
							<tbody id="loadingBdy">
								<tr id="loading" class="empty-row" style="display: none;">
									<td colspan="6"><img src="../plugin/userLib/img/loading.gif">正在加载数据...</td>
								</tr>
							</tbody>
							<tbody class="j-order-row">
								<tr class="order-head">
									<td>
										今日 </td>
									<td>
										{{tab.todayRecharge}} </td>
									<td>
										{{tab.todayDraws}} </td>
									<td>
										{{tab.todaySale}} </td>
									<td>
										{{tab.todayScore}} </td>
									<td>
										{{tab.todayHuabao}} </td>
								</tr>
								<tr class="order-head">
									<td>
										本月累计 </td>
									<td>
										{{tab.mouthRecharge}} </td>
									<td>
										{{tab.mouthDraws}} </td>
									<td>
										{{tab.mouthSale}} </td>
									<td>
										{{tab.mouthScore}} </td>
									<td>
										{{tab.mouthHuabao}} </td>
								</tr>
								<tr class="order-head">
									<td>
										总累计 </td>
									<td>
										{{tab.totalRecharge}} </td>
									<td>
										{{tab.totalDraws}} </td>
									<td>
										{{tab.totalSale}} </td>
									<td>
										{{tab.totalScore}} </td>
									<td>
										{{tab.totalHuabao}} </td>
								</tr>
							</tbody>
						</table>
					</div>

				</div>
			</div>
			<div style="clear:both;"></div>
			<br>
		</div>
		<div id="ck3"></div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/vue.min.js"></script>
		<script src="../plugin/layer/laydate/laydate.js"></script>
		<script src="../plugin/layer/layer.js"></script>
		<script src="../js/common.js"></script>
		<!--<script src="../plugin/userLib/js/log.js"></script>-->
		<script type="text/javascript" src="../js/ljf_base.js"></script>
		<script>
			$(function() {
				$('#loading').show();
			});
			var vm = new Vue({
				el: '.ZZHT-order-list',
				data: {
					tab: [],
				}
			});
			$.ajax({ //获取记录列表
				type: "post",
				url: SURL + "webAccount/getDateTable",
				data: {
					"userId": localStorage.userId,
				},
				timeout: 5000,
				dataType: 'json',
				success: function(res) {
					console.log(res);
					$('#loading').hide();
					if(res.messageCode == 200) {
						vm.tab = res.entity;
					} else {
						layer.msg(res.message);
					}
				},
				error: function(textStatus) {
					console.error(textStatus);
				},
				complete: function(XMLHttpRequest, status) {
					if(status == 'timeout') {
						layer.msg("网络超时，请刷新", function() {
							//	                        location.reload();
						})
					}
				}
			});
		</script>
	</body>

</html>